﻿body {
    margin: 0;
    padding: 0;
}

.head {
    height: 68px;
    width: 1580px;
    margin: 0 auto;
}

.headleft {
    height: 40px;
    padding-top: 9px;
    margin-right: 0px;
    vertical-align: middle;
    display: inline-block;
}

.jianshu {
    font-size: 30px;
    color: #ea615a;
    margin-left: 54px;
    vertical-align: middle;
    display: inline-block;
}

.zhinan {
    color: #ea615a;
    display: inline-block;
    vertical-align: middle;
    padding-left: 170px;
}

.shouji {
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    padding-left: 40px;
}

.photoOfhead {
    padding: -2px;
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.input {
    margin-left: 40px;
    color: #333333;
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    width: 230px;
    height: 40px;
    border: 0px;
    border-radius: 50px;
    background-color: #eeeeee;
}

input {
    padding-top: 6px;
    border: none;
    outline: none;
    background-color: #eeeeee;
    height: 30px;
    border-radius: 50px;
}

.photoOfinput {
    padding-left: 30px;
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.headright {
    padding-left: 400px;
    height: 40px;
    padding-top: 9px;
    vertical-align: middle;
    display: inline-block;
}

.right {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #a0a0a0;
    padding-left: 25px;
}

.yumaoimg {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}

.zuche {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #ea615a;
    border: 1px solid #ea615a;
    border-radius: 10px;
}

.yumao {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: white;
    border: 1px solid #ea615a;
    border-radius: 50px;
    background-color: #ea615a;
}

.content {
    width: 1580px;
    margin: 0 auto;
}

.button, .button1 {
    position: relative;
    display: inline-block;
    color: #333333;
    background-color: rgba(0,0,0,0.5);
}

.photoOfslideshow {
    width: 40px;
    height: 40px;
}

.bigphoto {
    width: 960px;
    margin-left: 246px;
}

.button1 {
    right: 46px;
    bottom: 119px;
    border-radius: 6px 0px 0px 6px;
}

.button {
    left: 291px;
    bottom: 119px;
    border-radius: 0px 6px 6px 0px;
}

.photoOfhotrecommendation {
    width: 35px;
    height: 35px;
    vertical-align: middle;
}

.hotrecommendation {
    display: inline-block;
    padding-top: 30px;
    width: 960px;
    padding-left: 290px;
    margin: 0 auto;
}

.contentleft {
    width: 640px;
    display: inline-block;
    vertical-align: top;
}

.contentright {
    display: inline-block;
    width: 273px;
    padding-left: 35px;
    padding-top: 15px;
}

.Hotcontent {
    padding-bottom: 35px;
    border-bottom: 1px solid #f7f7f7;
}

.hotcontent, .hotcontent1 {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    margin-right: 15px;
    border: 1px solid #e0e0e0;
    background-color: #f7f7f7;
    border-radius: 4px;
    margin-top: 14px;
}

.hotcontent1, .hotcontent3 {
    margin-right: 0px;
    display: inline-block;
    vertical-align: middle;
}

.hotcontent3 {
    padding-top: 10px;
    vertical-align: middle;
}

.size {
    display: inline-block;
    padding-left: 8px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}

.photoOfpublish {
    width: 30px;
    height: 30px;
    border-radius: 20px;
    vertical-align: middle;
}

.idsize {
    display: inline-block;
}

.publish {
    padding-top: 15px;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 1px solid #f7f7f7;
}

.artile {
    display: inline-block;
    width: 450px;
}

h2 {
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 0px;
}

p {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 13px;
}

.sweet {
    width: 160px;
    height: 125px;
    display: inline-block;
}

.share {
    color: #ea615a;
    border: 1px solid #ea615a;
    width: 125px;
    border-radius: 5px;
    font-size: 13px;
    display: inline-block;
}

.sizeOfshare {
    padding-left: 5px;
}

.endpage {
    padding-top: 10px;
}

.imgOftail {
    padding-left: 10px;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}

.eye, .note, .coor, .money {
    display: inline-block;
    color: #a0a0a0;
}

.purple {
    border: 1px solid #c97efe;
    background-color: #c97efe;
    border-radius: 10px;
    color: white;
}

.orange {
    border: 1px solid #febb50;
    background-color: #febb50;
    border-radius: 10px;
    color: white;
}

.red {
    border: 1px solid #f69581;
    background-color: #f69581;
    border-radius: 10px;
    color: white;
}

.green {
    border: 1px solid #c1e4de;
    background-color: #c1e4de;
    border-radius: 10px;
    color: #8fbc8f
}

.blue {
    border: 1px solid #b7d6ec;
    background-color: #b7d6ec;
    border-radius: 10px;
    color: #436eee;
}

.photoOfdigest {
    width: 15px;
    height: 15px;
    vertical-align: -webkit-baseline-middle;
}

.purple, .blue, .green, .red, .orange {
    height: 45px;
    width: 280px;
    margin-bottom: 12px;
    font-size: 20px;
}

.word {
    margin-left: 30px;
}

.sizeOfColor {
    vertical-align: -webkit-baseline-middle;
}

.two-bar-codes {
    width: 55px;
    height: 55px;
    display: inline-block;
}

.Download {
    width: 280px;
    border: 1px solid #eeebeb;
    border-radius: 10px;
}

.download {
    display: inline-block;
    vertical-align: top;
    padding-top: 2px;
    padding-left: 18px;
}

.photoOfdigest1 {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.find {
    padding-top: 10px;
    font-size: 13px;
    color: #a0a0a0;
}

.Two-Bar-Codes {
    padding-top: 15px;
    padding-left: 30px;
    padding-bottom: 10px;
    margin: 0 auto;
}
